<template>
    <div class="withdraw-pane">
        <div class="pane-table">
            <div class="list-table">
                <el-table
                    ref="valueRef"
                    :data="value"
                    style="width: 100%"
                    size="mini"
                    :header-cell-style="{ background: '#f5f8ff' }"
                >
                    <el-table-column label="转出用户" min-width="140">
                        <template slot-scope="scope">
                            <div class="flex">
                                <el-image
                                    style="width: 58px; height: 58px"
                                    class="flex-none"
                                    :src="scope.row.out_avatar"
                                >
                                </el-image>
                                <div class="m-l-8">
                                    <!-- <div>用户编号：{{scope.row.user_sn}}</div> -->
                                    <div>{{ scope.row.out_nickname }}</div>
                                    <!-- <div>用户等级：{{scope.row.level_name}}</div> -->
                                </div>
                            </div>
                        </template>
                    </el-table-column>
                    <el-table-column label="转出金额" min-width="140">
                        <template slot-scope="scope">
                            <div>{{ scope.row.out_money }}</div>
                        </template>
                    </el-table-column>
                    <el-table-column label="转出手续费" min-width="140">
                        <template slot-scope="scope">
                            <div>{{ scope.row.out_handling_fee }}</div>
                        </template>
                    </el-table-column>
                    <el-table-column label="转入用户" min-width="140">
                        <template slot-scope="scope">
                            <div class="flex">
                                <el-image
                                    style="width: 58px; height: 58px"
                                    class="flex-none"
                                    :src="scope.row.in_avatar"
                                >
                                </el-image>
                                <div class="m-l-8">
                                    <!-- <div>用户编号：{{scope.row.user_sn}}</div> -->
                                    <div>{{ scope.row.in_nickname }}</div>
                                    <!-- <div>用户等级：{{scope.row.level_name}}</div> -->
                                </div>
                            </div>
                        </template>
                    </el-table-column>
                    <el-table-column label="转入金额" min-width="140">
                        <template slot-scope="scope">
                            <div>{{ scope.row.money }}</div>
                        </template>
                    </el-table-column>
                    <el-table-column label="转入手续费" min-width="140">
                        <template slot-scope="scope">
                            <div>{{ scope.row.in_handling_fee }}</div>
                        </template>
                    </el-table-column>
                    <el-table-column label="利率(%)" min-width="140">
                        <template slot-scope="scope">
                            <div>{{ scope.row.ratio }}</div>
                        </template>
                    </el-table-column>
                    <el-table-column prop="create_time" label="转账时间"> </el-table-column>
                </el-table>
            </div>
            <!-- 底部分页栏  -->
        </div>
    </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator'
import LsDialog from '@/components/ls-dialog.vue'
import LsWithdrawalDetails from '@/components/finance/ls-withdrawal-details.vue'
import LsPagination from '@/components/ls-pagination.vue'
import MaterialSelect from '@/components/material-select/index.vue'
import { RequestPaging } from '@/utils/util'
@Component({
    components: {
        LsDialog,
        LsPagination,
        LsWithdrawalDetails,
        MaterialSelect
        // PopoverInput,
    }
})
export default class GoodsPane extends Vue {
    $refs!: {
        valueRef: any
    }
    @Prop() value: any
    @Prop() pager!: any
    pager1: RequestPaging = new RequestPaging()
    status = true
    user_id = 0
    selectIds: any[] = []
    // 是否审核通过
    isExamine = '' // 1-通过 2-不通过
    audit_remark = ''
    onClear() {
        this.isExamine = ''
        this.audit_remark = ''
    }
    created() {}
}
</script>

<style scoped lang="scss"></style>
